<script type="text/javascript" charset="UTF-8">
	$(function() {
		$('#moduls_vostState_datagrid').datagrid({
			url : 'candidateAction!queryVoteState.action',
			fit : true,
			border : false,
			pagination : true,
			rownumbers : true,
			checkOnSelect : false,
			selectOnCheck : false,
			idField : 'userId',
			nowrap : false,
			columns : [ [ {
				title : '员工编号',
				field : 'userId',
				width : 150,
				hidden : true
			}, {
				title : '姓名',
				field : 'userRealName',
				width : 100
			}, {
				title : '部门名称',
				field : 'groupName',
				width : 150
			}, {
				title : '是否投票',
				field : 'voteId',
				width : 100,
				formatter : function(value, row, index) {
					if (value) {
						return '已经投票';
					} else {
						return '<font color="red">没有投票</font>';
					}
				}
			}] ],
			toolbar : '#moduls_vostState_datagrid_toolbar'
		});
	});
</script>
<table id="moduls_vostState_datagrid"></table>

<div id="moduls_vostState_datagrid_toolbar">
	<a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#groupList',iconCls:'icon-detailed'">按部门查询</a>
</div>
<div id="groupList" style="width:190px; height: 200px; overflow: auto;">  
    <div data-options="iconCls:'icon-group'">所有部门</div>  
</div>

<script type="text/javascript" charset="UTF-8">
$(function() {
	setTimeout(function() {
		$.ajax({
			type : 'POST',
			url : 'groupAction!getGroupComboBoxData.action',
			cache : false,
			dataType : 'JSON',
			success : function(group) {
				for(var i = 0; i < group.length; i++) {
					$('div[id=groupList]').menu('appendItem', {
			    		id: group[i].groupId,
			    		text: group[i].groupName,
			    		iconCls: 'icon-group'
			    	});
				}
			}
		});
	}, 500);
	
	$("div[id='groupList']").menu({   
	    onClick:function(item){   
	    	$('#moduls_vostState_datagrid').datagrid('load', {
	        	groupId : item.id == undefined ? 0 : item.id
	        });   
	    }   
	}); 
});
</script>